{extend name='layui/base'/}

{block name="style"}
<style>

</style>
{/block}
{block name="main"}
<div class="clearfix layer-text">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>先睹为快</legend>
    </fieldset>

    <div class="clearfix layer-area" id="chutiyan">
        <a class="layui-btn layui-btn-primary" href="javascript:;">初体验</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">第三方扩展皮肤</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">询问层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">提示层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">墨绿深蓝风</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;" style="_display:none;">捕获页</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">页面层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">自定页</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">tips层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">iframe层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">iframe窗</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">加载层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">loading层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">小tips</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">prompt层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">tab层</a>
        <a class="layui-btn layui-btn-primary" href="javascript:;">相册层</a>
        <a class="layui-btn layui-btn-primary" href="http://www.layui.com/demo/layim.html" target="_blank">WebIM</a>
    </div>

    <!-- layer-970*90 -->
    <div style="margin-top:10px; text-align:center;">
        <ins class="adsbygoogle" style="display:inline-block;width:970px; height:90px;"
             data-ad-client="ca-pub-6111334333458862" data-ad-slot="5254867833"></ins>
    </div>

    <div class="clearfix layer-text">
        <fieldset class="layui-elem-field layui-field-title">
            <legend>先睹为快</legend>
        </fieldset>

        <div class="clearfix layer-area" id="chutiyan">
            <a class="layui-btn layui-btn-primary" href="javascript:;">初体验</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">第三方扩展皮肤</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">询问层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">提示层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">墨绿深蓝风</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;" style="_display:none;">捕获页</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">页面层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">自定页</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">tips层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">iframe层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">iframe窗</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">加载层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">loading层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">小tips</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">prompt层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">tab层</a>
            <a class="layui-btn layui-btn-primary" href="javascript:;">相册层</a>
            <a class="layui-btn layui-btn-primary" href="http://www.layui.com/demo/layim.html" target="_blank">WebIM</a>
        </div>

        <!-- layer-970*90 -->
        <div style="margin-top:10px; text-align:center;">
            <ins class="adsbygoogle" style="display:inline-block;width:970px; height:90px;"
                 data-ad-client="ca-pub-6111334333458862" data-ad-slot="5254867833"></ins>
        </div>
    </div>
</div>
</div>

{/block}
{block name="js_extension"}
<script>
    function onIntial() {
        alert("abc");
        $('#title').focus(function () {
            layer.tips('我是另外一个tips，只不过我长得跟之前那位稍有些不一样。', '吸附元素选择器', {
                tips: [1, '#3595CC'],
                time: 4000
            });
        })
    }
</script>
{/block}